<template>
  <div class="footer">
         <div>
    <div>
             <i class="el-icon-success"></i>
             <span>发送专业</span>
             <span class="xian"></span>
           </div>
           <div>
             <i class="el-icon-remove-outline"></i>
             <span>专业确认</span>
             <span  class="xian"></span>
           </div>
                <div>
               <i class='el-icon-circle-plus-outline'></i>
             <span>发送专业</span>
             <span  class="xian"></span>
           </div>  <div>
              <i class='el-icon-circle-plus-outline'></i>
             <span>专业分解</span>
             <span  class="xian"></span>
           </div>  <div>
             <i class="el-icon-right"></i>
             <span>创建批次</span>
             <span  class="xian"></span>
           </div>
           <div>
               <i class='el-icon-circle-plus-outline'></i>
             <span>下达计划</span>
             <span  class="xian"></span>
           </div>
           <div>
             <i class='el-icon-circle-plus-outline'></i>
             <span>ERP建项</span>

             </div>
         </div> 
    </div>
</template>
<style scoped>
.footer {
  width: 1760px;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  margin-left: 18px;
  background: #fff;
}
.footer > div {
  width: 820px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
.footer > div > div {
  font-size: 12px;
}
.xian {
  display: inline-block;
  width: 100px;
  height: 2px;
  background: #ccc;
  margin-left: 15px;
  margin-top: -2px;
}

</style>